<template>
  <div v-if="dataList.length !== 0">
    <div class="header">
      <div>柯桥区行政事业单位资产清查表</div>
      <div class="dateTitle">[基准日:2020年3月31日]</div>
    </div>
    <div class="container">
      <div class="listWrap">
        <div class="leftClass">单位名称</div>
        <div class="middleClass"></div>
        <div class="rightClass">
          {{ dataList[0].enterpriseId }} {{ dataList[0].enterpriseName }}
        </div>
      </div>
      <div class="listWrap">
        <div class="leftClass">单位负责人</div>
        <div class="middleClass"></div>
        <div class="rightClass">{{ dataList[0].enterpriseManager }}</div>
      </div>
      <div class="listWrap">
        <div class="leftClass">财务(资产)负责人</div>
        <div class="middleClass"></div>
        <div class="rightClass">{{ dataList[0].assetManager }}</div>
      </div>
      <div class="listWrap">
        <div class="leftClass">主管部门:</div>
        <div class="middleClass"></div>
        <div class="rightClass">{{ dataList[0].managerDept }}</div>
      </div>
      <div class="listWrap">
        <div class="leftClass">填表人:</div>
        <div class="middleClass"></div>
        <div class="rightClass">{{ dataList[0].fillName }}</div>
      </div>
      <div class="listWrap">
        <div class="leftClass">邮政编码:</div>
        <div class="middleClass"></div>
        <div class="rightClass">{{ dataList[0].postcode }}</div>
      </div>
      <div class="listWrap">
        <div class="leftClass">电话号码:</div>
        <div class="middleClass"></div>
        <div class="rightClass">{{ dataList[0].phone }}</div>
      </div>
      <div class="listWrap">
        <div class="leftClass">报送日期:</div>
        <div class="middleClass"></div>
        <div class="rightClass">{{ dataList[0].reportDate }}</div>
      </div>
    </div>

    <div class="container">
      <div class="listWrap">
        <div class="leftClass">单位组织机构代码:</div>
        <div class="middleClass"></div>
        <div class="rightClass">{{ dataList[0].organizationCode }}</div>
      </div>
      <div class="listWrap">
        <div class="leftClass">成立年份:</div>
        <div class="middleClass"></div>
        <div class="rightClass">{{ dataList[0].setDate }}</div>
      </div>
      <div class="listWrap">
        <div class="leftClass">单位性质:</div>
        <div class="middleClass"></div>
        <div class="rightClass">
          <span v-if="dataList[0].enterpriseKind === 1">行政</span>
          <span v-if="dataList[0].enterpriseKind === 2">事业</span>
          <span v-if="dataList[0].enterpriseKind === 3">群众团体</span>
        </div>
      </div>
      <div class="listWrap">
        <div class="leftClass">备注:</div>
        <div class="middleClass"></div>
        <div class="rightClass">
          本套报表报送共计5张，附件资料共计
          {{ dataList[0].annex }}
          张，详见附后明细。
        </div>
      </div>
    </div>
  </div>
</template>

<script>
/*eslint-disable*/
export default {
  props: {
    dataList: {
      type: Array,

      default: () => {
        return [];
      },
    },
  },
};
</script>

<style scoped lang="less">
.header {
  text-align: center;
  text-align: center;
  font-size: 16px;
  margin-top: 5px;
}

.dateTitle {
  margin-top: 8px;
  font-size: 13px;
  color: gray;
}

.container {
  margin-top: 5px;
  padding: 5px 10px;
  background: #fff;
  margin: 8px 0px;

  .listWrap {
    display: flex;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    border-bottom: 1px solid #e0d9d9;
    padding: 10px 0px;
    align-items: center;

    .leftClass {
      flex: 1;
      text-align: left;
    }

    .middleClass {
      flex: 1.1;
    }

    .rightClass {
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #999999;
      flex: 2;
      text-align: right;
      padding-right: 5px;
      line-height: 25px;
    }
  }
}
</style>
